/* code highlight: https://python-markdown.github.io/extensions/code_hilite/ */
.codehilite .hll {
  background-color: #ffffcc;
}
.codehilite {
  background: #f8f8f8;
}
.codehilite .c {
  color: #408080;
  font-style: italic;
} /* Comment */
.codehilite .err {
  border: 1px solid #ff0000;
} /* Error */
.codehilite .k {
  color: #008000;
  font-weight: bold;
} /* Keyword */
.codehilite .o {
  color: #666666;
} /* Operator */
.codehilite .ch {
  color: #408080;
  font-style: italic;
} /* Comment.Hashbang */
.codehilite .cm {
  color: #408080;
  font-style: italic;
} /* Comment.Multiline */
.codehilite .cp {
  color: #bc7a00;
} /* Comment.Preproc */
.codehilite .cpf {
  color: #408080;
  font-style: italic;
} /* Comment.PreprocFile */
.codehilite .c1 {
  color: #408080;
  font-style: italic;
} /* Comment.Single */
.codehilite .cs {
  color: #408080;
  font-style: italic;
} /* Comment.Special */
.codehilite .gd {
  color: #a00000;
} /* Generic.Deleted */
.codehilite .ge {
  font-style: italic;
} /* Generic.Emph */
.codehilite .gr {
  color: #ff0000;
} /* Generic.Error */
.codehilite .gh {
  color: #000080;
  font-weight: bold;
} /* Generic.Heading */
.codehilite .gi {
  color: #00a000;
} /* Generic.Inserted */
.codehilite .go {
  color: #888888;
} /* Generic.Output */
.codehilite .gp {
  color: #000080;
  font-weight: bold;
} /* Generic.Prompt */
.codehilite .gs {
  font-weight: bold;
} /* Generic.Strong */
.codehilite .gu {
  color: #800080;
  font-weight: bold;
} /* Generic.Subheading */
.codehilite .gt {
  color: #0044dd;
} /* Generic.Traceback */
.codehilite .kc {
  color: #008000;
  font-weight: bold;
} /* Keyword.Constant */
.codehilite .kd {
  color: #008000;
  font-weight: bold;
} /* Keyword.Declaration */
.codehilite .kn {
  color: #008000;
  font-weight: bold;
} /* Keyword.Namespace */
.codehilite .kp {
  color: #008000;
} /* Keyword.Pseudo */
.codehilite .kr {
  color: #008000;
  font-weight: bold;
} /* Keyword.Reserved */
.codehilite .kt {
  color: #b00040;
} /* Keyword.Type */
.codehilite .m {
  color: #666666;
} /* Literal.Number */
.codehilite .s {
  color: #ba2121;
} /* Literal.String */
.codehilite .na {
  color: #7d9029;
} /* Name.Attribute */
.codehilite .nb {
  color: #008000;
} /* Name.Builtin */
.codehilite .nc {
  color: #0000ff;
  font-weight: bold;
} /* Name.Class */
.codehilite .no {
  color: #880000;
} /* Name.Constant */
.codehilite .nd {
  color: #aa22ff;
} /* Name.Decorator */
.codehilite .ni {
  color: #999999;
  font-weight: bold;
} /* Name.Entity */
.codehilite .ne {
  color: #d2413a;
  font-weight: bold;
} /* Name.Exception */
.codehilite .nf {
  color: #0000ff;
} /* Name.Function */
.codehilite .nl {
  color: #a0a000;
} /* Name.Label */
.codehilite .nn {
  color: #0000ff;
  font-weight: bold;
} /* Name.Namespace */
.codehilite .nt {
  color: #008000;
  font-weight: bold;
} /* Name.Tag */
.codehilite .nv {
  color: #19177c;
} /* Name.Variable */
.codehilite .ow {
  color: #aa22ff;
  font-weight: bold;
} /* Operator.Word */
.codehilite .w {
  color: #bbbbbb;
} /* Text.Whitespace */
.codehilite .mb {
  color: #666666;
} /* Literal.Number.Bin */
.codehilite .mf {
  color: #666666;
} /* Literal.Number.Float */
.codehilite .mh {
  color: #666666;
} /* Literal.Number.Hex */
.codehilite .mi {
  color: #666666;
} /* Literal.Number.Integer */
.codehilite .mo {
  color: #666666;
} /* Literal.Number.Oct */
.codehilite .sa {
  color: #ba2121;
} /* Literal.String.Affix */
.codehilite .sb {
  color: #ba2121;
} /* Literal.String.Backtick */
.codehilite .sc {
  color: #ba2121;
} /* Literal.String.Char */
.codehilite .dl {
  color: #ba2121;
} /* Literal.String.Delimiter */
.codehilite .sd {
  color: #ba2121;
  font-style: italic;
} /* Literal.String.Doc */
.codehilite .s2 {
  color: #ba2121;
} /* Literal.String.Double */
.codehilite .se {
  color: #bb6622;
  font-weight: bold;
} /* Literal.String.Escape */
.codehilite .sh {
  color: #ba2121;
} /* Literal.String.Heredoc */
.codehilite .si {
  color: #bb6688;
  font-weight: bold;
} /* Literal.String.Interpol */
.codehilite .sx {
  color: #008000;
} /* Literal.String.Other */
.codehilite .sr {
  color: #bb6688;
} /* Literal.String.Regex */
.codehilite .s1 {
  color: #ba2121;
} /* Literal.String.Single */
.codehilite .ss {
  color: #19177c;
} /* Literal.String.Symbol */
.codehilite .bp {
  color: #008000;
} /* Name.Builtin.Pseudo */
.codehilite .fm {
  color: #0000ff;
} /* Name.Function.Magic */
.codehilite .vc {
  color: #19177c;
} /* Name.Variable.Class */
.codehilite .vg {
  color: #19177c;
} /* Name.Variable.Global */
.codehilite .vi {
  color: #19177c;
} /* Name.Variable.Instance */
.codehilite .vm {
  color: #19177c;
} /* Name.Variable.Magic */
.codehilite .il {
  color: #666666;
} /* Literal.Number.Integer.Long */

.preview_header {
  font-size: 24px;
  font-weight: 500;
  text-align: center;
}

.bot_cover {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 300px;
  border: 1px solid rgb(229, 231, 235);
  padding: 20px 20px;
}

.bot_avatar {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
}

.bot_avatar img {
  width: 100px;
  height: 100px;
}

.bot_name {
  font-size: 36px;
  margin-top: 10px;
}

.bot_desp {
  color: #ddd;
}

.container {
  flex-direction: row-reverse;
}

.agent_title {
  color: #707279 !important;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
}

.agent_title a {
  color:rgb(98, 74, 255) !important;
}

.markdown-body details {
  white-space: nowrap;
}
.markdown-body .bot details:not(:last-child) {
  margin-bottom: 1px;
}
.markdown-body summary {
  background-color: #4b5563;
  color: #eee;
  padding: 0 4px;
  border-radius: 4px;
  font-size: 0.9em;
}
